@charset "utf-8";
.gray{ color: #999; }
.gray6{ color: #666; }
.blue{ color:#26a2ff; }
.red{ color:#f00; }
.green{ color:#2bb642; }
.red-tag{ background: #f00; color: #fff; border-radius: 100px; height:24px; line-height: 24px; min-width:14px; font-weight: bold; padding: 0 5px; display:inline-block; text-align:center; font-size:13px; }
.fl{ float: left; }
.fr{ float: right; }
.cf:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.cf{ zoom: 1; }

.tr{ text-align:right !important; }
.tc{ text-align:center !important; }
.tl{ text-align:left !important; }
.fwb{ font-weight: bold !important; }

.f12{ font-size:12px !important; }
.f14{ font-size:14px !important; }
.f15{ font-size:14px !important; font-family:"Microsoft YaHei" }
.f16{ font-size:16px !important; font-family:"Microsoft YaHei" }
.f18{ font-size:18px !important; font-family:"Microsoft YaHei" }
.f22{ font-size:22px !important; font-family:"Microsoft YaHei" }
.f24{ font-size:24px !important; font-family:"Microsoft YaHei" }
.f28{ font-size:28px !important; font-family:"Microsoft YaHei" }
.f30{ font-size:30px !important; font-family:"Microsoft YaHei" }

.p0 {  padding:0px !important;}
.p2 {  padding:2px !important;}
.p5 {  padding:5px !important;}
.p10 {	padding:10px !important;}
.p15 {	padding:15px !important;}
.p20 {	padding:20px !important;}
.p25 {	padding:25px !important;}
.p30 {	padding:30px !important;}

.pt0 {	padding-top:0px !important;}
.pt2 {	padding-top:2px !important;}
.pt5 {	padding-top:5px !important;}
.pt10 {	padding-top:10px !important;}
.pt15 {	padding-top:15px !important;}
.pt20 {	padding-top:20px !important;}
.pt25 {	padding-top:25px !important;}
.pt30 {	padding-top:30px !important;}

.pb0 {	padding-bottom:0px !important;}
.pb2 {	padding-bottom:2px !important;}
.pb5 {	padding-bottom:5px !important;}
.pb10 {	padding-bottom:10px !important;}
.pb15 {	padding-bottom:15px !important;}
.pb20 {	padding-bottom:20px !important;}
.pb25 {	padding-bottom:25px !important;}
.pb30 {	padding-bottom:30px !important;}

.pl0 {	padding-left:0px !important;}
.pl2 {	padding-left:2px !important;}
.pl5 {	padding-left:5px !important;}
.pl10 {	padding-left:10px !important;}
.pl15 {	padding-left:15px !important;}
.pl20 {	padding-left:20px !important;}
.pl25 {	padding-left:25px !important;}
.pl30 {	padding-left:30px !important;}

.pr0 {	padding-right:0px !important;}
.pr2 {	padding-right:2px !important;}
.pr5 {	padding-right:5px !important;}
.pr10 {	padding-right:10px !important;}
.pr15 {	padding-right:15px !important;}
.pr20 {	padding-right:20px !important;}
.pr25 {	padding-right:25px !important;}
.pr30 {	padding-right:30px !important;}

.ma{ margin:auto;}
.m0 {	margin:0px !important;}
.m3 {	margin:3px !important;}
.m5 {	margin:5px !important;}
.m10 {	margin:10px !important;}
.m15 {	margin:15px !important;}
.m20 {	margin:20px !important;}
.m25 {	margin:25px !important;}
.m30 {	margin:30px !important;}

.mt0 {	margin-top:0px !important;}
.mt3 {	margin-top:3px !important;}
.mt5 {	margin-top:5px !important;}
.mt10 {	margin-top:10px !important;}
.mt15 {	margin-top:15px !important;}
.mt20 {	margin-top:20px !important;}
.mt25 {	margin-top:25px !important;}
.mt30 {	margin-top:30px !important;}

.mb0 {	margin-bottom:0px !important;}
.mb3 {	margin-bottom:3px !important;}
.mb5 {	margin-bottom:5px !important;}
.mb10 {	margin-bottom:10px !important;}
.mb15 {	margin-bottom:15px !important;}
.mb20 {	margin-bottom:20px !important;}
.mb25 {	margin-bottom:25px !important;}
.mb30 {	margin-bottom:30px !important;}

.ml0 {	margin-left:0px !important;}
.ml3 {	margin-left:3px !important;}
.ml5 {	margin-left:5px !important;}
.ml10 {	margin-left:10px !important;}
.ml15 {	margin-left:15px !important;}
.ml20 {	margin-left:20px !important;}
.ml25 {	margin-left:25px !important;}
.ml30 {	margin-left:30px !important;}

.mr0 {	margin-right:0px !important;}
.mr3 {	margin-right:3px !important;}
.mr5 {	margin-right:5px !important;}
.mr10 {	margin-right:10px !important;}
.mr15 {	margin-right:15px !important;}
.mr20 {	margin-right:20px !important;}
.mr25 {	margin-right:25px !important;}
.mr30 {	margin-right:30px !important;}

.d-flex{ display: flex; }
.f-auto{ flex:auto; }

.home-top{ position: fixed; z-index: 102; width: 100%; background: #fff; top:0; left: 0;  border-bottom: .5px solid rgba(200,200,200,.9); }
.main-nav{ position: fixed; z-index: 100; bottom: 0; left: 0; width: 100%; height: 52px; background:#fff;  display: flex; border-top: .5px solid rgba(200,200,200,.9); }
.main-nav .main-nav-item{ display: block; flex:1; text-align: center; overflow: hidden; color: #999; }
.main-nav .main-nav-item p{ font-size:13px; line-height: 20px; height: 20px; }
.main-nav .main-nav-item div{ width: 30px; height: 30px; line-height: 32px; font-size: 28px; margin:0 auto; }
.main-nav .main-nav-item .my-icon-home:before{ content: "\e904"; }
.main-nav .main-nav-item .my-icon-cup:before{ content: "\e902"; }
.main-nav .main-nav-item .my-icon-club:before{ content: "\e900";}
.main-nav .main-nav-item .my-icon-member:before{ content: "\e906";}
.main-nav .main-nav-item .my-icon-my:before{ content: "\e908";}
.main-nav .main-nav-item.selected{ color:#26a2ff; }
.main-nav .main-nav-item.selected .my-icon-home:before{ content: "\e905"; }
.main-nav .main-nav-item.selected .my-icon-cup:before{ content: "\e903"; }
.main-nav .main-nav-item.selected .my-icon-club:before{ content: "\e901"; }
.main-nav .main-nav-item.selected .my-icon-member:before{ content: "\e907"; }
.main-nav .main-nav-item.selected .my-icon-my:before{ content: "\e909"; }

.home-list {}
.home-list > li{ margin:10px 0 0; padding: 10px 0; display: flex; background:#fff; align-items:center; }
.home-list-in-l{ flex: 1; margin-left:10px;  }
.home-list-in-l img{}
.home-list-in-r{ flex: 3; margin:0 10px; } 
.home-list-in-r > h3{ font-weight: normal; font-size:15px; color: #333; margin-bottom: 5px; line-height: 18px; }
.home-list-in-t{ float: left; width: 4.5rem; color: #888;  }
.home-list-in-c{ float: left; }
.home-list-in-t .fa{ width: 1rem; text-align: center; }

.match-list{  }
.match-list > dd{ margin:12px 10px 0; padding:0 0 5px; background:#fff; border-radius: 4px; overflow: hidden; box-shadow:0 0 5px rgba(0,0,0,.1); }
.match-list > li{ margin:10px 0 0; padding:0 0 5px; background:#fff;  }
.match-item-img{ position: relative; }
.match-item-img > img{ width: 100%; max-height:120px;  }
.match-type-1,.match-type-2,.match-type-3{ position: absolute; box-shadow: -1px 1px 1px rgba(0,0,0,0.1); right: 0; top:0; color: #fff; padding:2px 5px; background: #267dff; border-radius:0 0 0 4px; }
.match-type-2{ background: #ff3300; }
.match-type-3{ background: #850ef3; }
.match-item-title{ font-size: 14px; margin: 5px 10px; color:#333; }
.match-item-con{ display: flex; margin: 2px 10px; font-size: 12px; }
.match-item-t{ width:75px; }
.match-item-t .fa{ width:20px; text-align:center; font-size: 13px; color:#666;  }
.match-item-c{ flex:1;  }
.match-step{ background: #f60; color: #fff; font-size: 12px; border-radius: 3px; padding:0 4px; line-height: 18px; height: 18px; vertical-align: middle; }

.club-list{}
.club-list > li{  margin:10px 0 0; padding: 10px 0; display: flex; background:#fff; align-items:center; }
.club-list-c{ display: flex; flex: 1; align-items:center; }
.club-list-l{ flex: 1; margin-left:10px;  }
.club-list-l img{ border-radius: 100px;  }
.club-list-r{ flex: 3; margin:0 5px 0 15px; }
.club-list-r > h3{ font-weight: normal; font-size:16px; }
.club-list-r > p{ font-size:14px; }

.member-list{}
.member-list > li{  margin:10px 0 0; padding: 10px 0; display: flex; background:#fff; align-items:center; }
.member-list-c{ display: flex; flex: 1; align-items:center; }
.member-list-l{ flex: 1; margin-left:10px;  }
.member-list-l img{ border-radius: 100px;  }
.member-list-r{ flex: 3; margin:0 5px 0 15px; }
.member-list-r > h3{ font-weight: normal; font-size:16px; }
.member-list-r > p{ font-size:12px; }

.enroll-list{  }
.enroll-list > li{  margin:10px 0 0; padding: 10px 0; display: flex; background:#fff; align-items:center; }
.enroll-list-c{ display: flex; flex: 1; font-size:14px; flex-direction:column; }
.enroll-list-in{ padding:4px 10px; display:flex; }


.btn-topbar{ display: flex; }
.btn-topbar > button{ margin:0 3px; white-space:nowrap; flex:1; border-radius:3px; height:24px; font-size:12px; display: inline-block; background:#fff; border:1px solid #e0e0e0; color:#656b79; outline: none; }
.btn-topbar > button.btn-sel{ background:#fff; border:1px solid #f60; color:#f30; }

.btn-effect{ transform: scale(1); }
.btn-effect:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index:-1; border-radius:4px; background:rgba(255,255,255,.1); }
.btn-effect:after{  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index:-1; border-radius:4px; background:rgba(0,0,0,.2); }
.btn-effect:hover:before{ content:""; }
.btn-effect:active:after{ content:""; }
.btn-blue-min{ border-radius: 4px; border:1px solid #26a2ff; background: #fff; outline:0; padding:4px 7px; color: #26a2ff; }
.btn-red-min{ border-radius: 4px; border:1px solid #e70f0f; background: #fff; outline:0; padding:4px 7px; color: #e70f0f; }

.loading-center { color: #333; display: flex; justify-content: center; align-items:center; height: 40px;  }
.loading-center > span{ display: inline-block; vertical-align: middle; margin-right: 10px;  }
.no-more{ text-align: center; color:#999; margin:10px auto; }

.my-field{ margin: 10px 0; overflow:hidden; background:#fff; border-bottom:0.5px solid rgba(220,220,220,.9); border-top:0.5px solid rgba(220,220,220,.9);  }
.my-field-img{ padding: 15px 0; text-align: center; font-size: 16px; }
.my-field-img > img{ width:120px; height: 120px; margin:0 auto; border-radius: 100%; margin-bottom:6px; } 
.my-field-item{ display: flex; font-size:16px; padding:10px 10px 10px 0; margin-left:10px; align-items:center; border-bottom:0.5px solid rgba(220,220,220,.9); }  
.my-field-item:last-child{ border-bottom:0; }
.my-field-item-l{ flex:1; white-space: nowrap; }
.my-field-item-l .icon_con{ display: inline-block; width:25px; margin-right:10px; vertical-align:middle; text-align:center; font-size:20px; line-height:24px; }
.my-field-item-r{ flex:3; text-align:right; word-break:break-all; word-wrap:break-word; display:flex; }
.my-field-item-r > span{ float: right; text-align:left; }
.my-field-item-r > .red-tag{ float: right; }
.my-field-item-r:before{ content:"#"; visibility: hidden; margin-right:-20px; width:20px; float:right; }
.my-field-item-r > input{ outline: 0; flex: 1;  }
.my-field-item .fa-angle-down,.my-field-item .fa-angle-right{ color: #ccc; font-size: 22px; margin:0 0 0 10px; } 
.my-field-img-wrap { text-align: center; }
.my-field-img-wrap > img{  width:60px; height:60px; margin:10px; border-radius: 100%; display: inline-block; } 
.my-field-img-wrap > .upload{ position:relative; background:#f0f0f0; overflow:hidden; width:60px; height:60px; margin:10px; border-radius: 100%; display: inline-block; font-size: 14px; } 
.my-field-img-wrap > .upload > i{ position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);  }

.field-list{ margin: 10px 0; background:#fff; border-bottom:0.5px solid rgba(220,220,220,.9); border-top:0.5px solid rgba(220,220,220,.9); }
.field-item{ display: flex; flex-direction:column; margin-bottom:-1px; } 
.field-item-in{ flex: 1; display: flex; padding:12px 10px 12px 0; margin-left:10px; font-size:16px; border-bottom:0.5px solid rgba(220,220,220,.9);  }
.field-item-in-l{ flex: 1; }
.field-item-in-r{ flex: 3; }
.field-item-in-r input{ outline: 0; width: 100%; }
.field-item-in .fa-angle-right{ color:#ccc; font-size:22px; margin:0 0 0 10px; transition:transform .3s;} 
.field-item-box{ display:none; overflow:hidden; font-size:14px; white-space:normal; word-break:break-all; word-wrap:break-word; }
.field-item-box input{ outline: 0; height: 30px; background: transparent;}
.field-item-box select{ outline:0; border:0; background:transparent; }
.field-item.open .fa-angle-right{ transform:rotate(90deg); }
.field-item.open .field-item-box{ display:block; }

.my-field{  }
.my-field .mint-cell{  }
.my-field .mint-cell-wrapper{ border:0; }

.empty-box{ width: 100%; padding:100px 0; color:#999; font-size:16px; text-align:center; }

.team-content{}
.team-list > li{ position:relative;; display: flex; margin:0 0 5px;  border-top:0.5px solid rgba(220,220,220,.9); background: #fff; border-bottom:0.5px solid rgba(220,220,220,.9);   }
.team-list > li .team-item-num{ display:flex; width:20px; text-align:center; background:#ddd; color:#000; align-items:center; justify-content:center; }
.team-list > li .team-item-in{ flex:1; }
.team-list > li .team-item-in .team-item-in-line{ border-bottom: 1px solid #ccc; margin: 5px; padding-bottom:5px;  }
.team-list > li .team-item-in .team-item-in-line:last-child{ border: none !important;  padding-bottom:0 !important;}
.team-list > li .team-item-in .team-item-c{ display: flex; font-size:14px; line-height:25px; }
.team-list > li .team-item-in .team-item-c input{ outline:0; height:25px; background: transparent; width:20px; font-size:inherit; }
.team-list > li .team-item-in .team-item-c .team-blue-btn{ font-size:12px; height:25px;  text-align: center; flex:1; color:#fff; background: #26a2ff; }
.team-list > li .team-item-in .team-item-c .team-gray-btn{ font-size:12px; height:25px;  text-align: center; flex:1; color:#999; background: #f0f0f0; }
.team-list > li .team-item-in .team-item-c .team-item-tag{ font-size:14px; height:25px;  color:#bbb; }
.team-list > li.reg .team-item-num{ background:#2bb642; color: #fff; }
.team-list > li.reg .team-item-in .team-item-c .team-item-tag{ color:#2bb642; }

.message-list > li{  display: flex; margin:10px 0; background: #fff; display: flex;  }
.message-list > li .message-item-in{ display: flex; padding: 20px 10px; flex:1; align-items: center; }
.message-list > li .message-item-in .message-item-c{ flex:1;  }

.top-title{background: #fff; border-bottom:.5px solid rgba(200,200,200,.9); padding:5px; font-size: 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.search-bar{ display: flex; margin:0 10px; border-radius: 5px; overflow:hidden;  background:#fff;  }
.search-bar input{ flex: 1; height:30px; line-height:30px;  }

/** login **/
.login-page{ background:url(../img/login-bg.png) no-repeat #fff; background-size:100% 35%; }
.login-page .login-logo{  background:url(../img/logo.png) no-repeat center center; background-size:45% auto; width: 100%; height:30%; margin-bottom: 15%;  }
.login-content{ margin:0 20px 20px; }
.login-content-item{ background: #fff; border-bottom:1px solid #ddd; margin-bottom:10px; display:flex; padding:10px 0; align-items: center;;  }
.login-content-item > input{ display: block; height:20px; line-height:20px; flex: 1; font-size: 16px; outline: 0; margin:0 0 0 5px; }
.login-content-item > i{ display: block; width:20px; height:20px; line-height:20px; color:#26a2ff; vertical-align:middle; margin-right: 10px; text-align: center; }

/* 通用表单样式 */
.general-form{ margin:20px; }
.general-form-item{ margin-bottom:10px; display:flex; padding:10px 0; align-items:center; border-bottom:1px solid #ddd;  }
.general-form-item > input{ display: block; height:20px; line-height:20px; flex:1; font-size: 16px; outline: 0; margin:0 0 0 5px; background: transparent; }
.general-form-item > i{ display: block; width:20px; height:20px; line-height:20px; color:#26a2ff; vertical-align:middle; margin-right: 10px; text-align: center; }
.general-form-item .general-form-t{ font-size:16px; width:4.5rem; color:#333;  }

/* 弹出框 */
.popup-container{ text-align: left; }
.popup-container .popup-input{ background:transparent; outline:0; width:100% !important; font-size:inherit; }
.popup-container .popup-mask{ display:none; position: fixed; background: rgba(0,0,0,.5); width:100%; height: 100%; top:0; left:0; z-index:1000; }
.popup-container .popup-box{ display:none; width:80%; max-height:80%; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1001; }
.popup-container .popup-box-in{ flex:1; background:#fff; display:flex; flex-direction:column; padding-bottom: 35px; }
.popup-container .popup-box-title{ padding: 10px; font-size: 14px; border-bottom:.5px solid rgba(200,200,200,.9); color:#000; background: #f6f6f6; display: flex;  font-weight: bold; } 
.popup-container .popup-box-bar{  display: flex; border-top:.5px solid rgba(200,200,200,.9); position:fixed; width: 100%; bottom: 0; left: 0; }
.popup-container .popup-box-bar i{ flex:1; text-align:center; height: 35px; line-height: 35px; font-size:14px; }
.popup-container .popup-box-bar i:active{ background: #f0f0f0;  }
.popup-container .popup-box-bar i:first-child{ border-right:.5px solid rgba(200,200,200,.9); }
.popup-container .popup-list{ flex:1; overflow:auto; }
.popup-container .popup-list li{ font-size:16px; display:flex; padding:10px 20px; align-items: center; } 
.popup-container .popup-list li .text{ flex:1; white-space: normal; word-break: break-all; word-wrap: break-word; }
.popup-container .popup-list li .icon{ margin-left: 10px; }
.popup-container .popup-list li .fa-circle-o{ color:#ccc; }
.popup-container .popup-list li .fa-dot-circle-o{ color:#26a2ff; }  

/* 弹出页面 */
.pop-page{ width: 100%; height: 100%; overflow: auto;  }
.pop-page .pop-page-title { background:#26a2ff; color: #fff; height: 40px; display: flex; font-size: 14px;  position:fixed; width: 100%; top: 0; left: 0; z-index: 10; }
.pop-page .pop-page-title .pop-page-title-side{ font-size: 18px; padding:0 0 0 10px; height: 20px; width: 20px; text-align: center;  padding:10px;  }
.pop-page .pop-page-title .pop-page-title-center{ flex: 1; text-align: center; height: 20px; line-height: 20px; padding:10px 0; }
.pop-page .pop-page-content { margin:40px 0 36px; }
.pop-page .pop-page-bottom { display: flex; border-top:.5px solid rgba(200,200,200,.9); background: #fff; position:fixed; width:100%; bottom: 0; left: 0;  z-index: 10; }
.pop-page .pop-page-bottom i{ flex:1; text-align:center; height: 35px; line-height: 35px; font-size:14px;  border-right:.5px solid rgba(200,200,200,.9);   }
.pop-page .pop-page-bottom i:active{ background: #f0f0f0; }
.pop-page .pop-page-bottom i:last-child{ border-right:0; }
.pop-page .pop-page-title-gray{  position:fixed; width: 100%; top: 0; left: 0; border-bottom:.5px solid rgba(200,200,200,.9); color:#000; background: #f6f6f6; font-size: 14px; height: 40px; line-height: 40px; text-indent:10px; }

/*------------------重置mintui样式---------------------*/
.mint-header > .mint-header-title{ font-size: 16px;  }
.mint-tabbar > .mint-tab-item.is-selected{ background: none; }
.mint-searchbar{ background-color:transparent; }
.mint-searchbar-inner { background: #eee; border-radius: 6px; border: 1px solid #e6e6e6; padding: 3px 6px; }
.mint-searchbar-inner .mint-searchbar-core{ text-indent: .4rem; background-color:transparent;  }
.mint-searchbar-inner .mintui-search{ font-size: 18px; color: #999; }
.mint-searchbar-cancel{ background: #26a2ff; margin:0 0 0 -3px; padding: 0 15px; height:36px; line-height:36px; color:#fff; border-radius:0 6px 6px 0;   }

.mint-navbar.navbar-match .mint-tab-item-label{  font-size: 13px;  } 
.mint-navbar.navbar-match .mint-tab-item{  color:#666; padding: 14px 0;   }
.mint-navbar.navbar-match .mint-tab-item.is-selected{  color:#26a2ff; margin-bottom: 0; border-width: 0 0 3px;}

.mint-navbar.navbar-normal .mint-tab-item-label{ font-size:16px; }
.mint-navbar.navbar-normal .mint-tab-item{ color:#666; padding: 14px 0; }
.mint-navbar.navbar-normal .mint-tab-item.is-selected{ color:#26a2ff; margin-bottom: 0; border-width: 0 0 3px; }

.mint-field-core{ background-color:transparent;  }